<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<!-- JQuery for JConfirmation -->	
<script type="text/javascript" src="<c:url value="/resources/script/jquery/jconfirmaction.jquery.js"/>"></script>
<script type="text/javascript">	
	$(document).ready(function() {
		$('.del').jConfirmAction();
	});	
</script>
<!-- End of JConfirmation -->
</head>

<body>
	<div>
		<table>
			<tr>
				<th align="left"><h2> List of User</h2></th>
				<th><a href="<c:url value="/master/user/insertUser"/>"
					class="bt_green"><span class="bt_green_lft"></span><strong>Add
							User</strong><span class="bt_green_r"></span> </a>
				</th>
			</tr>
			<tr>
				<td colspan="2">
					<table id="rounded-corner"
						summary="2007 Major IT Companies' Profit">
						<thead>
							<tr>
								<th scope="col" class="rounded-company"></th>
								<th scope="col" class="rounded"><b>Name</b>
								</th>
								<th scope="col" class="rounded"><b>Edit</b>
								</th>
								<th scope="col" class="rounded-q4"><b>Delete</b>
								</th>
							</tr>
						</thead>
						<tbody>
							<c:forEach var="user" items="${users}" varStatus="status">
								<tr>
									<td><input type="checkbox" name="" /></td>
									<td>${user.name}</td>
									

									<td><a
										href="<c:url value="/master/user/detailUser?id=${user.id}"/>"
										class="editItem"><img
											src="<c:url value="/resources/images/images/user_edit.png"/>"
											alt="" title="" /> </a></td>
									<td><a class="del"
										href="<c:url value="/master/user/deleteUser?id=${user.id}"/>"><img
											src="<c:url value="/resources/images/images/trash.png"/>" />
									</a>
									</td>
								</tr>
							</c:forEach>
						</tbody>
						<tfoot>
							<tr>
								<td colspan="3" class="rounded-foot-left"><em>@Xsis
										Mitra Utama</em>
								</td>
								<td class="rounded-foot-right">&nbsp;</td>

							</tr>
						</tfoot>
					</table>
				</td>
			</tr>
		</table>
	</div>
	<br>
	<div>
		<p><font color="blue">Import data from Excel file:</font></p>
		<form action="upload" method="post" enctype="multipart/form-data"
			onSubmit="if(document.getElementById('fileinput').value == ''){alert('Choose file!'); return false;} ">
			<input size="70" type="file" name="spreadsheet" id="fileinput" /> 
			<input type="submit" value="Upload File" />
		</form>
	</div>
</body>
</html>
